<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/7/29
  Time: 18:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%@ include file="base.jsp" %>
<html>
<head>
    <title>操作管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/datatables.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/common.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/operation.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>css/main_navigator.css">
    <script type="text/javascript" src="<%=basePath%>js/jquery/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/jquery/datatables.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/common.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/operation.js"></script>
    <script>
        $(document).ready(function ()
        {
            baseUtils.addNavigator("<%=basePath%>");
            $("#operation-page").removeClass("unactive_nav");
            $("#operation-page").addClass("active_nav");
        });
    </script>

</head>
<body>
<div class="header">
    <span style="align-content: center;text-align:center; color:white; position: absolute;width: 70px;height: 25px; left: 50%; top: 50%;margin-top: -12.5px;margin-left: -35px;">操作管理</span>
</div>
<div class="nav">
</div>

<div class="content-container">
    <div class="form-block">
        <div class="form-block-title">
            <h5 class="form-title-hint">新增指令</h5>
        </div>
        <div class="form-block-body">
            <form action="" style="margin: 0;" method="get">
                <div style="margin-top: 20px">
                    <label>是否需要上传位置信息</label>
                    <input type="radio" name="needUploadLocation" value="1"> 是
                    <input type="radio" name="needUploadLocation" value="0" checked="false"> 否
                </div>

                <div style="margin-top: 20px">
                    <label>是否需要上传通话记录</label>
                    <input type="radio" name="needUploadRecourd" value="1" onclick="onRadioValueChanged(this.name)"> 是
                    <input type="radio" name="needUploadRecourd" value="0" checked="false"
                           onclick="onRadioValueChanged(this.name)"> 否

                        <span id="record-date" style="display: none">
                            <label style="margin-left: 50px">选择开始日期</label>
                            <input type="date" name="beginDate">
                             <label style="margin-left: 50px">选择结束日期</label>
                            <input type="date" name="endDate">
                        </span>
                </div>

                <div style="margin-top: 20px;">
                        <span style="vertical-align: middle">
                            <label>是否需要上传通话录音</label>
                            <input type="radio" name="needUploadSound" value="1"
                                   onclick="onRadioValueChanged(this.name)"> 是
                            <input type="radio" name="needUploadSound" value="0" checked="false"
                                   onclick="onRadioValueChanged(this.name)"> 否
                        </span>
                        <textarea placeholder="输入要上传的通话编号(多个编号间用空格符号隔开)" style="height: auto; font-size: 12px; line-height: 12px;margin-left: 50px;display: none;
    vertical-align: middle;" rows="3" cols="20" id="sound-ids" name="sound-ids"></textarea>
                </div>

                <div style="margin-top: 20px">
                    <input class="common-btn" style="position:relative; left: 80%" type="button" value="创建指令"
                           onclick="insertNewCommand('<%=basePath%>')">
                </div>
            </form>
        </div>
    </div>

    <div class="form-block" style="margin-top:20px">
        <div class="form-block-title">
            <h5 class="form-title-hint">指令列表</h5>
        </div>
        <div class="form-block-body">

            <table class="common-table cell-border order-column display operation-table" id="operation-table">
                <thead>
                    <tr>
                        <th style="border-left: none">序号</th>
                        <th >创建时间</th>
                        <th >执行时间</th>
                        <th >是否上传位置</th>
                        <th >上传通话记录开始日期</th>
                        <th >上传通话截止开始日期</th>
                        <th >上传通话录音序号</th>
                        <th >操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>

</div>
</body>
</html>
